<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>定位流</title>
    <style>
        /*相对定位，relative 相对自己本身原来的位置进行定位，
                  向右left或者向下top移动
                  left一般取值为正值，代表向右移动，如果为负值，向左移动
                  top一般取值为正值，代表向下移动，如果为负值向上移动
                  原来本身没有移动，该位置依然有元素占据着，后面的元素只能往下排列
        */
        div {
            height: 200px;
            width: 200px;
            border: 1px solid red;
        }

        .twoDiv {
            position: absolute;/*relative 相对的*/
            left: 202px;
            /*bottom: 202px;*/
            /* top: 0px;*/
        }

    </style>
</head>
<body>
  <div class="oneDiv">第一个div标签</div>
  <div class="twoDiv">第二个div标签</div>
  <div>第三个div元素</div>
</body>
</html>